<template>
    <h3 class="text-gray-700 text-3xl font-medium">Blank Page</h3>
    <a-button type="primary" @click="a">
        a
    </a-button>
    <a-button type="primary" @click="b">
        b
    </a-button>
    <a-button type="primary" @click="c">
        c
    </a-button>
    <a-button type="primary" @click="d">
        d
    </a-button>
    <a-button type="primary" @click="e">
        e
    </a-button>
</template>

<script lang="ts">
    import {defineComponent, ref} from "vue";
    import * as notice from "@/utils/notice";

    export default defineComponent({
        setup() {
            const aaa={
                message:'zqa',
                description:"zqa",
            };
            const a=()=>{
                notice.successNotice(aaa);
            };
            const b=()=>{
                notice.errorNotice(aaa);
            };
            const c=()=>{
                notice.infoNotice(aaa)
            };
            const d=()=>{
                notice.openNotice(aaa)
            };
            const e=()=>{
                notice.warningNotice(aaa)
            };

            return{
                a,b,c,d,e
            }
        }
    });

</script>

<style scoped>
    *{
        margin-left: 0.75rem;
    }
</style>
